@import '//at.alicdn.com/t/font_608062_x0hmve16apl.css';
@font-face {
  font-family: 'din';
  src: url('../fonts/DINCond-Medium.otf');
}
@font-face {
  font-family: 'tt0142m';
  src: url('../fonts/tt0142m.ttf');
}
@font-face {
  font-family: 'futurademic';
  src: url('../fonts/futurademic.ttf');
}
.com-fenye1 {
  text-align: center;
  font-size: 16px;
  margin: 15px 0 0;
}
.com-fenye1 a {
  margin: 0 6px;
  transition: all 0.4s ease;
  display: inline-block;
  padding: 3px 9px;
}
.com-fenye1 a.ac,
.com-fenye1 a:hover {
  background: #000;
  color: #FFFFFF;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  font-size: 14px;
  /*font-family:"noto", "Microsoft YaHei";*/
  font-family: "Microsoft Yahei", Tahoma, Helvetica, Arial, sans-serif;
  color: #666666;
  overflow-x: hidden;
}
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
button,
input,
img {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  border: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  zoom: 1;
  /*这个属性是为了兼容IE*/
}
.clearfix:after {
  display: block;
  content: "";
  /*设置为空或者“.”都可以*/
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
input[type=submit],
input[type=reset] {
  border: none;
  cursor: pointer;
}
input,
textarea {
  font-family: "Microsoft YaHei";
  resize: none;
}
a {
  text-decoration: none;
  color: #666666;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
i,
b {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}
.arial {
  font-family: "Arial";
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.size-all {
  width: 100%;
  height: 100%;
}
.wid-all {
  width: 100%;
}
.te-ju {
  text-align: justify;
  text-justify: inter-ideograph;
}
.te-ce {
  text-align: center;
}
.te-ri {
  text-align: right;
}
.te-le {
  text-align: left;
}
.te-up {
  text-transform: uppercase;
}
.te-ca {
  text-transform: capitalize;
}
.over-hid {
  overflow: hidden;
}
.font-b {
  font-weight: bold;
}
.com-in-blo {
  font-size: 0;
}
.com-101 {
  width: 101%;
  margin: 0 0 0 -0.5%;
}
.com-102 {
  width: 102%;
  margin: 0 0 0 -1%;
}
.blo-box {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  position: relative;
}
.blo-box1 {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  position: relative;
}
.cur-po {
  cursor: pointer;
}
.com-img {
  overflow: hidden;
}
.img-box {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
}
.dis-no {
  display: none;
}
.dis-bl {
  display: block;
}
.dis-in {
  display: inline-block;
}
.po-re {
  position: relative;
}
.po-ab {
  position: absolute;
}
.ver-top {
  vertical-align: top;
}
.ver-mid {
  vertical-align: middle;
}
.bg-bai {
  background: #FFFFFF;
}
.bg-hui {
  background: #F6F6F6;
}
.bg-hui2 {
  background: #F0F0F0;
}
.bg-hui3 {
  background: #E9E7E9;
}
.com-swrongqi {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.com-jianju {
  padding: 100px 0 70px;
}
.font-si12 {
  font-size: 12px;
}
.conta {
  width: 92%;
  position: relative;
  height: 100%;
  margin: 0 auto;
}
.conta2 {
  width: 76%;
  position: relative;
  height: 100%;
  margin: 0 auto;
}
.conta3 {
  width: 1200px;
  position: relative;
  height: 100%;
  margin: 0 auto;
}
.main {
  position: relative;
  width: 100%;
  padding: 98px 0 0;
  z-index: 3;
}
/*修改input的placeholder颜色*/
.com-input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 0.5;
}
.com-input:-moz-placeholder {
  color: #ffffff;
  opacity: 0.5;
}
.com-input::-moz-placeholder {
  color: #ffffff;
  opacity: 0.5;
}
.com-input:-ms-input-placeholder {
  color: #ffffff;
  opacity: 0.5;
}
/*改变滚动条*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}
/*banner*/
.com-ban {
  width: 100%;
  position: relative;
  height: 400px;
}
.com-ban .com-wen {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 3;
  color: #ffffff;
}
.com-ban .com-wen .dn-top {
  padding: 0 0 4%;
}
.com-ban .com-wen .dn-top .dn1 {
  font-size: 42px;
}
.com-ban .com-wen .dn-top .dn2 {
  margin: 10px 0 0;
}
.com-ban .com-wen .dn-bot {
  border-top: 1px solid rgba(85, 85, 85, 0.7);
  position: relative;
}
.com-ban .com-wen .dn-bot .dfl {
  padding: 20px 0 0;
}
.com-ban .com-wen .dn-bot .a-back {
  cursor: pointer;
  color: #ffffff;
  font-size: 18px;
}
.com-ban .com-wen .dn-bot .a-back i {
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 7px 0 0;
}
.com-ban .com-wen .dn-bot .dn-a a {
  display: inline-block;
  font-size: 16px;
  margin: 0 40px 0 0;
  line-height: 60px;
  color: #ffffff;
  opacity: 0.8;
  transition: all 0.4s ease;
}
.com-ban .com-wen .dn-bot .dn-a a.ac,
.com-ban .com-wen .dn-bot .dn-a a:hover {
  opacity: 1;
}
/*查看更多按钮*/
.com-more .a1 {
  display: block;
  width: 300px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background: #F1F1F1;
  color: #000000;
  font-size: 18px;
  margin: 50px auto 0;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}
.com-more .a1 span {
  position: relative;
  z-index: 2;
}
.com-more .a1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -100%;
  opacity: 0;
  left: 0;
  background: #000000;
  transition: all 0.4s ease;
}
.com-more .a1:hover {
  color: #ffffff;
}
.com-more .a1:hover:before {
  bottom: 0;
  opacity: 1;
}
/*标题*/
.com-ti1 {
  text-align: center;
  color: #0d0d0d;
  font-size: 42px;
  padding: 0 0 30px;
}
.com-biaoti {
  padding: 0 0 80px;
  text-align: center;
}
.com-biaoti-ju {
  padding: 60px 0 80px;
}
.com-biaoti .dn1 {
  color: #0b0205;
  font-size: 42px;
  margin: 0 0 6px;
}
.com-biaoti .dn2 {
  color: #666666;
  font-size: 16px;
}
/*分页*/
.com-fen {
  text-align: center;
  margin: 40px auto 0;
}
.com-fen .a1 {
  display: inline-block;
  background: #ffffff;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  margin: 0 5px;
  transition: all 0.4s ease;
}
.com-fen-bg .a1 {
  background: #F6F6F6;
}
.com-fen .a1:hover {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
.com-fen .a1 img {
  vertical-align: middle;
}
/*导航*/
.com-navigation {
  background: #000000;
  color: #ffffff;
  width: 330px;
  height: 86px;
  line-height: 86px;
  font-family: 'tt0142m';
  font-weight: bold;
  padding: 0 0 0 40px;
}
.com-navigation .sp2 {
  display: inline-block;
  width: 66px;
  height: 1px;
  background: #ffffff;
  margin: 0 16px;
  vertical-align: middle;
}
/*底部*/
.footer {
  background: #000000;
  color: #ffffff;
  width: 100%;
}
.footer a {
  color: #ffffff;
}
.footer .foot-top {
  padding: 70px 0 120px;
}
.footer .foot-top .dfl {
  float: left;
}
.footer .foot-top .dfl .im1 {
  width: 86px;
}
.footer .foot-top .dfl .dn2 {
  opacity: 0.6;
  width: 180px;
  font-size: 0;
}
.footer .foot-top .dfl .dn2 a {
  display: inline-block;
  width: 50%;
  margin: 14px 0 0;
  font-size: 16px;
}
.footer .foot-top .dfr {
  float: right;
}
.footer .foot-top .dfr .blo-box:not(:first-of-type) {
  margin: 0 0 0 130px;
}
.footer .foot-top .dfr .blo-box .dn1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 16px;
  padding: 0 0 15px;
  font-family: 'tt0142m';
  margin: 0 0 22px;
}
.footer .foot-top .dfr .blo-box .dn2 {
  line-height: 30px;
}
.footer .foot-top .dfr .blo-box .dn2 p {
  opacity: 0.5;
}
.footer .foot-top .dfr .blo-box .dn2 a {
  cursor: pointer;
}
.footer .foot-top .dfr .blo-box .dn2 a:hover {
  text-decoration: underline;
}
.footer .foot-bot {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  opacity: 0.4;
  padding: 30px 0 35px;
}
.footer .foot-bot span {
  margin: 0 15px;
}
.foot-top .intro a {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
  background-color: #ffffff !important;
  margin: 0 20px 0 0 !important;
  position: relative;
}
.foot-di {
  position: fixed;
  z-index: 400;
  width: 100%;
  background: #000000;
  color: #FFFFFF;
  height: 60px;
  line-height: 60px;
  bottom: 0;
  left: 0;
  display: none;
}
.foot-di * {
  color: #FFFFFF;
}
.foot-di .dpai {
  float: left;
  width: 33.3%;
  text-align: center;
  position: relative;
}
.foot-di .dpai i {
  font-size: 26px;
}
.foot-di .dpai .dp2 {
  position: absolute;
  width: 130px;
  height: 130px;
  top: -130px;
  left: 50%;
  margin-left: -65px;
  background: #fff;
  padding: 15px;
  display: none;
}
.foot-di .dpai .dp2 img {
  width: 100%;
  height: 100%;
  display: block;
}
.foot-di .dpai .dp2:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}
/*分享*/
.bd_weixin_popup,
.bd_weixin_popup * {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.bdshare-slide-button-box {
  display: none !important;
}
.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more {
  padding: 0 !important;
  position: relative !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center;
  border: 1px solid #EEEEEE;
  border-radius: 50%;
  margin: 6px 0 6px 13px !important;
  opacity: 1 !important;
}
.com-ban .bdshare-button-style0-16 a,
.com-ban .bdshare-button-style0-16 .bds_more {
  width: 60px !important;
  height: 60px !important;
  line-height: 60px !important;
  border-radius: inherit;
  border: none;
  border-right: 1px solid rgba(85, 85, 85, 0.7);
  margin: 0 !important;
}
.bdshare-button-style0-16 .bds_weixin {
  background: #ffffff url(../images/eixin.png) no-repeat center !important;
}
.bdshare-button-style0-16 .bds_tsina {
  background: #ffffff url(../images/weibo.png) no-repeat center !important;
}
.com-ban .bdshare-button-style0-16 .bds_weixin {
  background: url(../images/weixin1_03.png) no-repeat center !important;
}
.com-ban .bdshare-button-style0-16 .popup_sqq {
  background: url(../images/qq1_03.png) no-repeat center !important;
}
.com-ban .bdshare-button-style0-16 .bds_tsina {
  background: url(../images/weibo1_03.png) no-repeat center !important;
}
/*底部点击弹窗*/
.layui-layer-title {
  height: 80px !important;
  line-height: 80px !important;
  background-color: #222222 !important;
  border-bottom: 1px solid #222222 !important;
  font-size: 24px !important;
  text-align: center !important;
  color: #FFFFFF !important;
  margin: 20px auto 20px !important;
  padding: 0 !important;
}
.layui-layer {
  background-color: #222222 !important;
  border-radius: 4px !important;
}
.layui-layer-ico {
  width: 18px !important;
  height: 18px !important;
  background: url(../images/close.png) no-repeat center center !important;
  background-position: 0 !important;
}
.lay-jinbiao1 {
  margin: 0 70px;
  display: none;
}
.lay-jinbiao2 {
  display: none;
  margin: 0 70px;
  color: #FFFFFF;
  line-height: 44px;
  font-size: 16px;
}
.lay-jinbiao1 .form-box {
  height: 50px;
  margin-bottom: 10px;
  border-bottom: 1px solid #333333;
  overflow: hidden;
}
.lay-jinbiao1 .form-box .s1 {
  float: left;
  width: 50px;
  font-size: 14px;
  color: #666666;
  line-height: 50px;
  display: block;
}
.lay-jinbiao1 .form-box .inp1 {
  width: 395px;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  color: #666666;
  background: transparent;
  float: right;
  border: none;
  outline: none;
  padding: 0 0 0 10px;
}
.lay-jinbiao1 .form-box2 .inp2 {
  width: 160px;
  height: 58px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  line-height: 54px;
  background: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  border-image: initial;
  border-radius: 58px;
  transition: all 0.4s ease-in-out;
  margin: 50px auto 0;
  display: block;
}
.lay-jinbiao1 .form-box2 .inp2:hover {
  color: #222222;
  background: #ffffff;
}
/*侧边*/
.fixed-contact-wrap {
  z-index: 999;
  position: fixed;
  right: 30px;
  top: 75%;
  width: 60px;
  margin-top: -90px;
  overflow: hidden;
  border-radius: 30px;
  opacity: 0;
  transition: all 0.4s;
  transform: translateX(95px);
  -webkit-transform: translateX(95px);
  -moz-transform: translateX(95px);
}
.fixed-contact-wrap.show {
  transform: none;
  opacity: 1;
}
.fixed-contact-wrap.active {
  width: 215px;
}
.fixed-contact-wrap li {
  position: relative;
  height: 60px;
  background: #222;
}
.fixed-contact-wrap li a {
  position: relative;
  z-index: 1000;
  display: block;
}
.fixed-contact-wrap li i {
  z-index: 1000;
  position: absolute;
  right: 0;
  display: block;
  width: 60px;
  height: 60px;
  transition: all 0.4s;
}
.fixed-contact-wrap.active li:after {
  z-index: 1001;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 80%;
  height: 1px;
  margin-left: -40%;
  background: rgba(255, 255, 255, 0.1);
}
.fixed-contact-wrap.active li:last-child:after {
  display: none;
}
.fixed-contact-wrap .phone i {
  background: #222 url(../images/fix-icon1.png) no-repeat center center;
  border-top-left-radius: 30px;
  -moz-border-top-left-radius: 30px;
  -webkit-border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  -moz-border-top-right-radius: 30px;
  -webkit-border-top-right-radius: 30px;
}
.fixed-contact-wrap .phone2 i {
  background: #222 url(../images/sj.png) no-repeat center center;
}
.fixed-contact-wrap .qq i {
  background: #222 url(../images/fix-icon2.png) no-repeat center center;
}
.fixed-contact-wrap .back-top i {
  background: #222 url(../images/fix-icon3.png) no-repeat center center;
}
.fixed-contact-wrap .wx i {
  background: #222 url(../images/wx.svg) no-repeat center center;
}
.fixed-contact-wrap.active .back-top i {
  border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
.fixed-contact-wrap li strong {
  position: absolute;
  top: 0;
  right: -135px;
  display: block;
  width: 115px;
  padding: 0 15px 0 0px;
  font: normal 16px/60px 'gotham-medium';
  color: #fff;
  background: #222;
  white-space: nowrap;
  transition: all 0.4s;
}
.fixed-contact-wrap li strong .img1 {
  width: 70px;
  margin: -8px 0 0;
}
.fixed-contact-wrap.active li strong {
  right: 72px;
}
/*头部*/
.header {
  background: #ffffff;
  height: 100px;
  line-height: 100px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  transition: all 0.35s linear;
}
.header.open {
  height: 80px;
  line-height: 80px;
}
.header .head-fl {
  z-index: 12;
  position: relative;
  height: 100%;
}
.header .head-fl img {
  vertical-align: middle;
  max-height: 75%;
}
.header .head-fr a {
  margin: 0 0 0 50px;
  display: inline-block;
  position: relative;
  color: #000000;
}
.header .head-fr a.a1 {
  color: #444;
}
.header .head-fr a:not(:first-of-type):before {
  content: '';
  position: absolute;
  height: 6px;
  width: 2px;
  background: #B8B9BA;
  left: -29px;
  top: 50%;
  margin: -3px 0 0;
}
.header .head-fr a:not(.a1):after {
  width: 0;
  height: 4px;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  background: #000000;
  opacity: 0;
  transition: all 0.3s;
}
.header .head-fr a.act:after,
.header .head-fr a:hover:after {
  opacity: 1;
  width: 100%;
  margin: 0 0 0 -50%;
}
/*头部*/
.p-click-alert {
  float: right;
  display: none;
  width: 30px;
  height: 22px;
  margin: 40px 0 0;
  position: relative;
  cursor: pointer;
  z-index: 12;
}
.p-click-alert span {
  border-top: 2px solid #1d1d1d;
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.p-click-alert .s1 {
  width: 18px;
  top: 0;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.p-click-alert .s2 {
  width: 26px;
  top: 8px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.p-click-alert .s3 {
  width: 22px;
  top: 17px;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.p-click-alert.zhuan .s1 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  width: 22px;
}
.p-click-alert.zhuan .s2 {
  opacity: 0;
}
.p-click-alert.zhuan .s3 {
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
/*加载*/
.jiazai {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30000;
  display: none;
}
.jiazai .d1,
.jiazai .d2 {
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  background-color: #F1F1F1;
}
.jiazai .d1 {
  top: 0;
}
.jiazai .d1 img {
  position: absolute;
  left: 50%;
  bottom: 10px;
  margin: 0 0 0 -35px;
  width: 70px;
}
.jiazai .d2 {
  bottom: 0;
}
.jiazai .d2 p {
  width: 70px;
  margin: 0 auto 0;
  height: 2px;
  background-color: #666666;
}
.jiazai .d2 p .s1 {
  display: block;
  width: 0;
  height: 2px;
  background-color: #000000;
  position: relative;
  z-index: 10;
}
.jiazai .d2 .s2 {
  position: absolute;
  top: 0;
  width: 0;
  left: 50%;
  margin: 0 0 0 -35px;
  background-color: #000000;
  display: block;
  height: 2px;
}
.Tpiaochuan {
  width: 613px;
  height: 285px;
  background: url(../images/bgx-11.jpg) no-repeat center / cover;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  display: none !important;
  opacity: 0.9;
  margin: -142px 0 0 -306px;
  color: #ffffff;
  padding: 41px 0 0 55px;
}
.Tpiaochuan .dn1 {
  font-size: 18px;
}
.Tpiaochuan .dn2 {
  font-size: 44px;
  margin: 8px 0 0;
  font-weight: bold;
}
.Tpiaochuan a {
  position: absolute;
  cursor: pointer;
  width: 134px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  border-radius: 30px;
  font-size: 16px;
}
.Tpiaochuan .a1 {
  bottom: 54px;
  left: 114px;
  background: #ffffff;
  color: #CF2121;
}
.Tpiaochuan .a2 {
  bottom: 54px;
  right: 141px;
  color: #ffffff;
  border: 1px solid #ffffff;
}
/*banner上的轮播*/
.com-ban .com-swbtn {
  font-size: 0;
}
.com-ban .com-swbtn .swbtn {
  width: 63px;
  height: 61px;
  line-height: 61px;
  border-left: 1px solid rgba(85, 85, 85, 0.7);
  text-align: center;
  z-index: 12;
  cursor: pointer;
  display: inline-block;
}
.com-ban .indeban-sw1 .swiper-slide .size-all {
  opacity: 0.9;
}
.com-ban .indeban-sw1 .swiper-slide-active .size-all {
  opacity: 1;
  transition: all 1s ease;
}
.com-ban .swbtn i {
  font-size: 40px;
}
.com-ban .btnleft {
  right: 63px;
}
.com-ban .btnright {
  right: 0;
}
/*# sourceMappingURL=common.css.map */